<template>
	<view>
		<mxg-list :list="list"
		@setWifiPlay="setWifiPlay"
		@setWifiDownload="setWifiDownload"
		@setAutoPlay="setAutoPlay"
		@clearStorage="clearStorage"
		/>
	</view>
</template>

<script>
	import list  from  '@/config/setting-list-bar.js'
	export default {
		data() {
			return {
				list:list(),  //注意导入得时候 要list 后面要加括号 不然会提醒报错 他是一个函数 
			}
		},
		methods: {
			savaStorage(obj,key){
				const checked  = !obj.checked
				this.$set(obj,'checked',checked)
				//保存到本地
				uni.setStorage({
					key,
					data:checked
				})
			},
			
			//设置非wifi设置
			setWifiPlay(obj){
				this.savaStorage(obj,'wifi-play')
			},
			//设置非wifi缓存
			setWifiDownload(obj){
				this.savaStorage(obj,'wifi-download')
			},
			// 设置自动播放
			setAutoPlay(obj){
				this.savaStorage(obj,'auto-play')
			},
			//清除缓存
			clearStorage(obj){
				uni.showModal({   // 模态框
					title:'你确定清除应用缓存吗?',
					content:'(该操作不会删除缓存课程)',
					success:(res)=> {
						if(res.confirm){
							// uni.removeStorage(OBJECT) 从本地缓存中异步移除指定 key。
							//清空
							uni.clearStorage()  // 清理本地缓存
							//清空复制  set(Object或者数组,key健名,value)   三个参数  1、要改变的对象  2、key健名  3、改变后的value值
							this.$set(obj,'text','0KB')
							this.$util.msg('清除成功')
							this.list = list()
						}
					}
				})
				console.log('清除缓存',JSON.stringify(obj))
			}
			
		}
	}
</script>

<style lang="scss">
	page{
		background-color: $xg-color-grey;
	}
</style>
